#navigateBar {
	position: fixed;
	top: 0;
	z-index: 99;
	align-items: center;
	/* background-color: #c1e2f5; */
	background: transparent;
	height: 80px;
	width: 100%;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	box-shadow: 0 4px 30px rgba(0, 0, 0, .04);
}

.navigateBar-logoBox {
	padding: 20px;
	display: flex;
	align-items: center;
	display: flex;
}

.navigateBar-logoBox-logo {
	border-radius: 10px;
}

.navigateBar-logoBox-title {
	font-size: 24px;
	color: #FFFFFF;
	margin-left: 10px;
}


.navigateBar-FnBox {
	display: flex;
	align-items: center;
}

.navigateBar-FnBox-li {
	padding: 20px 30px;
	cursor: pointer;
}



/* 七彩呼吸灯 */
.Colorful-breathing-lamp{   
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #FF512F;
    font-weight: 700;
    /* text-shadow: 0px 0px 7px #ffd800; */
    background-image: linear-gradient(90deg, #03c9ff 0%, #ff512f 100%, #fff);
    animation: glow-animation 5s infinite linear;
    color: #FFC0CB;
    box-sizing: border-box;
    vertical-align: inherit;
}
@keyframes glow-animation{
    0%{filter:hue-rotate(-360deg)}
	25%{filter:hue-rotate(-180deg)}
	50%{filter:hue-rotate(0deg)}
	75%{filter:hue-rotate(180deg)}
    100%{filter:hue-rotate(360deg)}
}
